@charset "utf-8";

a:focus, button:focus {
    outline: 2px solid #000;
}

body{position:relative;height:auto;}
#txt{font-family:"Noto Sans KR";}
#wrap .layout{position:relative;width:100%;max-width:1340px;/* height:100%; */margin:0 auto;box-sizing:border-box;}
#wrap{position: relative;width: 100%;overflow: hidden;}
#shadow_device {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;background:#000;opacity:0.7}

/*location*/
#location{position:relative;margin-bottom:40px;width:100%;}
#navigate{position:relative;}
#location *{vertical-align:middle;}
#location:after{content:"";display:block;clear:both;visibility:hidden;}
#location h1{display:inline-block;margin:0 0 5px;color:#010101;font-size:35px;font-weight:bold; line-height:1.2;}
#location .dir{position:absolute;bottom:14px;right:65px;z-index:10;}
#location .dir:before{display: inline-block;position: absolute;right:calc(100% + 20px);top: 10px;width:30%;height:1px;background: #ddd;content:'';}
#location .dir *{vertical-align:middle;}
#location .dir span{display:inline-block;padding-left:15px;margin-left:3px;background:url(/images/common/location_arr.png) no-repeat 0 45%;color:#666;font-size:13px;line-height:1.2;}
#location .dir .home{margin:0;padding-left:22px;width:auto;background:url(/images/common/navi_home.png) no-repeat 0 1px;line-height:1.2;}
#location .dir .current{text-decoration:underline;}
.ir{background:url(/images/common/ir-tmpl.png) no-repeat}
.ir-tmpl.sns,.ir-tmpl.print{background:url(/images/common/ir-tmpl.png) no-repeat}
.location_buttons_box{position:relative;float:right;margin:10px 0 0;height:27px;vertical-align:middle;}
.location_buttons_box:after{content:"";display:block;clear:both;visibility:hidden;}
.location_buttons_box .ir{display:inline-block;float:left;margin-left:3px;width:27px;height:27px;font-size:0;}
.location_buttons_box .sns{background-position:-63px -260px;}
.location_buttons_box .sns.ov,
.location_buttons_box .sns:active{background-position:-33px -260px;}
.location_buttons_box .print{background-position:-93px -260px;}

.sns_btn{display:inline;}
#naviSNS{position:absolute;top:34px;right:27px;width:98px;height:33px;padding:3px;border:1px solid #efefef;background-color:#fff;border-radius:50px;}
#naviSNS a{display:inline-block;width:27px;height:27px;font-size:0;}
#naviSNS .fb{background-position:0px -289px;}
#naviSNS .tw{background-position:-93px -289px;}
#naviSNS .ks{background-position:-62px -289px;}
#naviSNS .bk{background-position:-32px -289px;}

/*svisual*/
#svisual{display:block;position:relative;height:320px;text-align: center; background-color:#454950;background-repeat:no-repeat;background-size:cover;}
#svisual .layout{padding:70px 0 !important;}
#svisual strong{display: block;width:540px;height:80px;margin: 0 auto 45px;background: url(/images/kor2/layout/sub_title.png)center no-repeat;text-indent: -9999px;}
#svisual .sub_title{position: relative;display: block; color:#fff;font-size: 22px;}
#svisual .sub_title:before{display: inline-block;position: absolute;left: calc(50% - 15px);top: -15px;width: 30px;height: 3px;background: #fff;content: '';}
.local-background-01{background-image:url(/images/common/svisual_bg_1.jpg);}
.local-background-03{background-image:url(/images/common/svisual_bg_3.jpg);}
.local-background-04{background-image:url(/images/common/svisual_bg_4.jpg);}
.local-background-05{background-image:url(/images/common/svisual_bg_5.jpg);}
.local-background-06{background-image:url(/images/common/svisual_bg_6.jpg);}
.local-background-07{background-image:url(/images/common/svisual_bg_7.jpg);}
.local-background-em{background-image:url(/images/common/svisual_bg_7.jpg);}



#content{float:left;width:78%;margin:50px 0}
#txt{width:100%;}
#remote{position:relative;top:-60px;z-index:10;float:right;width:16%;}
#remote h1{position: relative; height:180px;}
#remote h1:before{display:inline-block;position:absolute;left:0;top:0;width:500%;height:180px;background:#701e20 url(/images/kor2/layout/lnb_bg.png)left 180px bottom no-repeat;content:'';}
#remote h1:after{display:inline-block;position:absolute;left:-40px;top:-40px;width:500%;height:180px;background:#fff;content:'';z-index:-1}
#remote h1 span{position:absolute;left:20px;bottom:20px; color:#fff;font-size:26px;font-weight:bold;}

#lnb{}
#lnb li{border-top:1px solid #cacaca;}
#lnb li:first-child{border-top:none;}
#lnb li a{position:relative;display:block;color:#45495b;line-height:1.2;font-size: 16px; word-wrap:break-word;word-break:keep-all;}
#lnb li a span{position:absolute;right:25px;top:calc(50% - 5px);width:10px;height:10px;}
#lnb li a span:before{display: inline-block;position: absolute;left: 0px;top: 3px;width:100%;height:2px;background:#b3b3b9;content: '';}
#lnb li a span:after{display: inline-block;position: absolute;left: 4px;top: -1px;width:2px;height:100%;background:#b3b3b9;content: '';}
#lnb li a.link_2th_ov span:after{display: none;}
#lnb li a.link_2th_ov span:before{background: #701e20;}
#lnb .th2>a{padding:17px 30px 17px 15px;}
#lnb .th2 .link_2th{}
#lnb .th2 .link_2th_ov{color:#701e20;font-weight: bold;}
#lnb .th3{display:none;padding:25px 20px;border-top:2px solid #701e20;border-bottom:2px solid #701e20;background: #f9f9f9;}
#lnb .th3 li{border-top:none;}
#lnb .th3 li a{padding:7px 0;padding-right:30px;font-size: 15px; word-wrap:break-word;word-break:keep-all;}
#lnb .th3 li a span{right:5px;}
#lnb .th3 li a span:after{display: none;}
#lnb .th3 li a span:before{top:3px;}
#lnb .th3 li a.link_3th_ov{color:#701e20;}
#lnb .th3 li a.link_3th_ov span:before{top:-3px;width: 8px;height:4px;background:transparent;border:solid #701e20;border-width:0 0 2px 2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

/* footer */
#footer{position: relative; clear:both;border-top:1px solid rgba(255,255,255,0.2); color:#e2e2e3; background-color:#42474e;}
#footer:before{display: inline-block;position: absolute;left: 0;top: 100px;width:100%;height:1px;background:#fff;opacity:0.2;content: '';}
#footer .layout{padding:0 60px;}
#footer .tes{position:relative;margin:30px 0 60px;}
#footer .tes .menu ul li{display:inline-block;}
#footer .tes .menu ul li a{display: block;padding:10px 20px 10px 0;color:#fff;opacity: 0.7;font-size: 16px;}
#footer .tes .menu ul li a.on{color:#e7d825;font-weight: bold;opacity: 0.8;}
#footer .tes .sns{position: absolute;right: 0;top:10px;}
#footer .tes .sns ul li{display: inline-block;margin-left:10px;}
#footer .tes .sns ul li a{display: block;width:30px;height:30px;text-indent: -9999px;}
#footer .tes .sns ul li.facebook a{background: url(/images/kor2/layout/footer_facebook.png)center no-repeat;}
#footer .tes .sns ul li.blog a{background: url(/images/kor2/layout/footer_blog.png)center no-repeat;}
#footer .tes .sns ul li.insta a{background: url(/images/kor2/layout/footer_insta.png)center no-repeat;}
#footer .tes .sns ul li.youtube a{background: url(/images/kor2/layout/footer_youtube.png)center no-repeat;}
#footer .tes .sns ul li.kakao a{background: url(/images/kor2/layout/footer_kakao.png)center no-repeat;}
#footer .f-bottom{position: relative;left: -20px;width: calc(100% + 70px);}
#footer .f-bottom .logo{display: inline-block;vertical-align: top;width: 29%;}
#footer .f-bottom .logo span{display: block;width:250px;height:55px;text-indent: -9999px;background: url(/images/kor2/layout/footer_logo.png)center no-repeat;}
#footer .f-bottom .mark_img{position: absolute;right: 70px;bottom: 35px;}
#footer .f-bottom .campus{display: inline-block;vertical-align: top;width: 70%;}
#footer .f-bottom .campus ul{font-size: 0;}
#footer .f-bottom .campus ul li{position: relative; display: inline-block;vertical-align: top;width:33.33%;}
#footer .f-bottom .campus ul li:before{opacity: 0.5; display: inline-block;position: absolute;right:90px;top:0;width: 40px;height: 30px;content: '';background-position: center;background-repeat: no-repeat;}
#footer .f-bottom .campus ul li:nth-child(1):before{background-image: url(/images/kor2/layout/icon02.png);}
#footer .f-bottom .campus ul li:nth-child(2):before{background-image: url(/images/kor2/layout/icon01.png);}
#footer .f-bottom .campus ul li:nth-child(3):before{background-image: url(/images/kor2/layout/icon03.png);}

#footer .f-bottom .campus ul li strong{display: block;margin:10px 0; color:#fff;font-weight: bold;font-size: 20px;}
#footer .f-bottom .campus ul li span{display: block;color:#fff;font-size: 14px;opacity: 0.7;}
#footer .f-bottom .campus ul li span em{display: block;}
#footer .f-bottom .campus .copyright{margin:20px 0 50px;color:#fff;opacity:0.7;}


.mquick_btn{display: none; position: fixed;right:10px;bottom:10px;z-index: 999;}
.mquick_btn ul li{margin:7px 0;}
.mquick_btn ul li a{display: block;width:50px;height:50px;border-radius: 50%;box-shadow: 5px 5px 10px rgba(0,0,0,0.3);text-indent: -9999px;}
.mquick_btn ul li a.ser_b{background: #0056a4 url(/images/kor2/layout/ser_b.png)center no-repeat;}
.mquick_btn ul li a.top_b{background: #3c4751 url(/images/kor2/layout/top_b.png)center no-repeat;;}



@media(max-width:1919px){
	#header .topmenu .nav_hm .global .item .campus_btn{width:70px;}
	#header .topmenu .nav_hm .global .item .campus_btn .campusbar{display: none;}
	#header .topmenu .nav_hm .global .item .campus_btn .campustxt{display: none;}
	#header .topmenu .nav_hm .global .item .campus_btn:hover,
	#header .topmenu .nav_hm .global .item .campus_btn:focus{width:70px;}
}

@media(max-width:1520px){
	.user #wrap .layout{max-width: 100%;padding:0 40px;}
	#header .topmenu #logo{left:20px;}
	#header .topmenu .nav_hm{right: 20px;}
	#header .topmenu .nav_hm .global .item{margin-left:5px;}
	#header .topmenu .nav_hm .global .item a{margin:0;font-size: 14px;}
	#header .topmenu .nav_hm .global .item.gm3>a{margin:0 10px;}
	#header .topmenu .nav_hm .global .item .campus_btn{width:60px;}
	#header .topmenu .nav_hm .global .item .campus_btn:hover,
	#header .topmenu .nav_hm .global .item .campus_btn:focus{width:60px;}
	#header .topmenu .nav_hm .global .item .campus_btn .ctit{font-size: 14px;}	
	#animate.action:before{display: none;}
	#gnb #tm{margin-left:-40px;}
	#gnb #tm .th1 > a{margin:0 10px;font-size: 15px;}
	#gnb #tm .th1 > a + .gnb_tit{display: none;}
	#gnb #tm .th1 .th2{left:0;margin:0 50px;}
	
	#location .dir:before{display: none;}
	#footer .tes .menu ul li a{padding:10px 10px 10px 0;font-size: 14px;}
	
}
@media(max-width:1279px){
	#header .topmenu #logo{top:17px;width:140px;height:33px;}
	#header .topmenu #logo a{background-size: 100%;}
	#gnb #tm .th1 > a{margin:0 5px;font-size: 14px;}
	#footer .f-bottom .campus .copyright{padding-right:150px;}
}
@media(max-width:1023px){
	#gnb{display: none;}
	.user#main #header{height:60px;background-color:transparent;}
	#animate{height:60px;}
	#header .topmenu .nav_hm .global .item.gm1{margin-right: 10px;}
	#header .topmenu .nav_hm .global .item.gm2{display: none;}
	#header .topmenu .nav_hm .global .item.gm3{display: none;}
	#header .topmenu .nav_hm .global .item.gm4{display: none;}
	#header .topmenu .nav_hm .global .item.search{margin-right:45px;}
	#header .topmenu .nav_hm .global .item.search a{margin-top:-3px;}
	.search-wrapper{min-width:300px;top:-25px;}
	#header .topmenu #logo{top:12px;}
	#open_mn{display: block;}

	#campus .txtbox .item:nth-child(2){margin:0 30px;}
	#campus .txtbox .item:nth-child(2):before{left:-30px;}
	#campus .txtbox .item:nth-child(2):after{right:-30px;}
	#campus .txtbox .item .txtbox .tit{font-size: 35px;}
	#campus .txtbox .item .txtbox .txt{font-size: 16px;}

	#svisual{height:200px;}
	#svisual .layout{padding:30px 0 !important;}
	#svisual strong{width:280px;margin:0 auto 15px;background-size: 100%;}
	#svisual .sub_title{font-size: 18px;}

	#remote{display:none;}
	#content{float: none; width:100%;}

	#footer:before{display: none;}
	#footer .tes{margin:20px 0;}
	#footer .tes .menu{text-align: center;font-size: 0;}
	#footer .tes .menu ul li{width:25%;vertical-align: top;margin:0 0 -1px -1px;border:1px solid #5f5f5f;}
	#footer .tes .menu ul li a{padding:10px 5px;}
	#footer .tes .sns{position: static;margin:30px 0 0 -80px;text-align: center;}
	#footer .f-bottom .mark_img{right:calc(50% - 110px);bottom:auto;top:-50px;width:50px;}
	#footer .f-bottom{left:0;width:100%;}
	#footer .f-bottom .logo{width:100%;}
	#footer .f-bottom .logo span{margin:0 auto 30px;}
	#footer .f-bottom .campus{width:100%;height: auto;}
	#footer .f-bottom .campus ul li{width:100%;padding-right:30px;}
	#footer .f-bottom .campus ul li:before{right:0;width:25px;height:25px;background-size: 100%;}
	#footer .f-bottom .campus ul li strong{display: inline-block;margin:0 5px 0 0;font-size: 17px;font-weight: 400;}
	#footer .f-bottom .campus ul li span{display: inline-block;}
	#footer .f-bottom .campus ul li span em{display: inline-block;}
	#footer .f-bottom .campus .copyright{margin: 30px 0;padding-right:0;text-align: center;}

	.mquick_btn{display: block;}
	.mquick_btn ul li a.ser_b{display: none;}
}
@media(max-width:767px){
	#header .topmenu .nav_hm{z-index: 1000;}
    #open_mn {z-index:1001;}
	.search-wrapper{right:-40px;min-width:280px;}
	.user #wrap .layout{padding:0 20px;}
	#location .dir{bottom:-30px;right:0;}
	.location_buttons_box .print{display: none;}
	#footer .tes .menu ul li{width:50%;}
	#footer .tes .sns{position: static;margin:20px 0 0 -80px;text-align: center;}
	#footer .f-bottom .campus .copyright{margin:30px 0;}
}






/*campus*/
#campus{display: none;position: fixed;left: calc(50% - 672px);top:50%;width: 1340px;height:633px;text-align: center;z-index: 1000;overflow: hidden;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

#campus .title{display: block;margin:80px 0 30px;color:#C05051;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
#campus .title .tit01{display: block; font-size: 37px;font-weight: 200;letter-spacing: -3px;}
#campus .title .tit02{display: block;font-weight: bold; font-size: 47px;letter-spacing: -2px;}
#campus .textbox{display: block;width:100%;height: 100%;margin:0 auto;font-size: 0;background:#071d31 url(/images/kor2/main/campus_bg.png)center no-repeat;background-size: cover;}
#campus .textbox .item{position: relative;display: inline-block;vertical-align: top;width: calc(33.33% - 50px);height:100%;min-height:635px;}
#campus .textbox .item .txtbox{width: 100%;min-height:440px;padding: 0;color:#fff;margin-top: 175px;}
#campus .textbox .item .txtbox .tit{display: block;padding: 70px 0 10px;font-size: 47px;}
#campus .textbox .item .txtbox .tit .icon{display:block;width:40px;height:40px;margin:0 auto 5px;}
#campus .textbox .item .txtbox .txt{display: block;padding:0 50px;margin:10px 0 20px;font-size: 19px;font-weight: 200;letter-spacing: -1px;}
#campus .textbox .item .txtbox .moreview{display: block; position: absolute;left: 50%;bottom:18%;padding:0 5px 5px 5px;border-bottom:2px solid #fff;color:#fff;font-size: 15px; transform: translateX(-50%);-webkit-transform: translateX(-50%);}
#campus .textbox .item .txtbox .moreview:before{display: inline-block;position: absolute;right: 5px;top: 10px;width: 0;height:2px;background: #fff;content: '';transform: translateX(50%);-webkit-transform: translateX(50%);}
#campus .textbox .item .txtbox .moreview:after{display: inline-block;position: absolute;right: 4px;top: 11px;width:2px;height: 0;background: #fff;content: '';transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#campus .textbox .item .txtbox .moreview:hover,
#campus .textbox .item .txtbox .moreview:focus{padding:0 25px 5px 5px;}
#campus .textbox .item .txtbox .moreview:hover:before,
#campus .textbox .item .txtbox .moreview:focus:before{width:12px;}
#campus .textbox .item .txtbox .moreview:hover:after,
#campus .textbox .item .txtbox .moreview:focus:after{height: 13px;}
#campus .textbox .item .contents{}
#campus .textbox .item01 .txtbox .tit .icon{background:url(/images/kor2/layout/icon01.png)center no-repeat;}
#campus .textbox .item02 .txtbox .tit .icon{background:url(/images/kor2/layout/icon02.png)center no-repeat;}
#campus .textbox .item03 .txtbox .tit .icon{background:url(/images/kor2/layout/icon03.png)center no-repeat;}
#campus .textbox .item02{margin: 0 70px;}
#campus .textbox .item02:before{display: inline-block;position: absolute;left: -60px;top:50%;width:5px;height:5px;border-radius: 50%;background: #fff;content: '';}
#campus .textbox .item02:after{display: inline-block;position: absolute;right: -60px;top:50%;width:5px;height:5px;border-radius: 50%;background: #fff;content: '';}
#campus .close{position: absolute;right: 40px;bottom:30px;}
#campus .close .closebtn{display: block;padding:10px 30px 10px 10px;color:#fff;font-weight: bold;}
#campus .close:before{display: inline-block;position: absolute;right: 5px;top:13px;width:2px;height:15px;background: #fff;content: '';transform: rotate(45deg);}
#campus .close:after{display: inline-block;position: absolute;right: 5px;top:13px;width:2px;height:15px;background: #fff;content: '';transform: rotate(-45deg);}

#campus .textbox .item .contentsbox{display: none;padding: 30px 20px;text-align: left;}
#campus .textbox .item .contentsbox .con-tit{position: relative;display: block;margin-bottom:30px;}
#campus .textbox .item .contentsbox .con-tit:before{display: inline-block;position: absolute;left:210px;top:50%;width:calc(100% - 300px);height:1px;background: #fff;content: '';}
#campus .textbox .item .contentsbox .con-tit .tit{margin-left:20px; font-size: 30px;color:#fff;}
#campus .textbox .item .contentsbox .con-txt .con-box{display: inline-block;vertical-align: top;width:100%;}
#campus .textbox .item .contentsbox .con-txt .con-box .conbox-tit{display: block;padding:10px;margin-bottom:10px;border:5px solid rgba(255,255,255,0.3); font-size: 20px;color:#fff;text-align: center;}
#campus .textbox .item .contentsbox .con-txt .con-box ul{padding: 0 10px;}
#campus .textbox .item .contentsbox .con-txt .con-box ul li{}
#campus .textbox .item .contentsbox .con-txt .con-box ul li a{position: relative;display: block;padding: 6px 0;font-size: 17px;color:#fff;font-weight: 200;}
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:before{display: inline-block;position: absolute;left: 0;bottom:0;width:0;height:2px;background: #fff;content: '';}
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:after{display: inline-block;position: absolute;right: 0;bottom:20px;width:5px;height:5px;background: #fff;border-radius: 50%; content: '';transform: scale(0);-webkit-transform: scale(0);}
#campus .textbox .item02 .contentsbox .con-txt .con-box{width:calc(33.33% - 40px);margin:0 20px;}
#campus .textbox .item02 .contentsbox .con-txt .con-box:nth-child(4){margin-top:-150px;}
#campus .textbox .item02 .contentsbox .con-txt .con-box:nth-child(5){margin-top:-60px;}
#campus .textbox .item .contentsbox .con-txt .con-box .conbox-tit:hover,
#campus .textbox .item .contentsbox .con-txt .con-box .conbox-tit:focus{border-color:#fff;}
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:hover:before,
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:focus:before{width:100%;}
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:hover:after,
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:focus:after{transform: scale(1);-webkit-transform: scale(1);}
#campus .textbox .item .contentsbox .con-close{display: none;position: absolute;right: 40px;top:40px;width:30px;height:30px;}
#campus .textbox .item .contentsbox .con-close .con-closebtn{ position: relative; display: block;width:100%;height:100%;}
#campus .textbox .item .contentsbox .con-close .con-closebtn:before{display: inline-block;position: absolute;left:15px;top:0;width:1px;height:100%;background: #fff;content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#campus .textbox .item .contentsbox .con-close .con-closebtn:after{display: inline-block;position: absolute;left:15px;top:0;width:1px;height:100%;background: #fff;content: '';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

#campus .textbox.on{background:#823537;}
#campus .textbox.on .item{width:35%;margin:0;}
#campus .textbox.on .item02:before,
#campus .textbox.on .item02:after{display: none;}
#campus .textbox.on .item.on{width:30%;background:#071d31 url(/images/kor2/main/campus_bg.png)center no-repeat;;}
#campus .textbox.on .item.on .txtbox{display: none;}
#campus .textbox.on .item.on .contentsbox{display: block;}
#campus .textbox.on .item.on .contentsbox .con-close{display: block;}
#campus .textbox.on .item.active{width:20%;}
#campus .textbox.on .item02.on{width:60%;}
#campus .camtab{display: none;}

#campus .textbox,
#campus .textbox .item,
#campus .textbox .item .txtbox,
#campus .textbox .item .txtbox .moreview,
#campus .textbox .item .txtbox .moreview:before,
#campus .textbox .item .txtbox .moreview:after,
#campus .textbox .item .contentsbox,
#campus .textbox .item .contentsbox .con-close,
#campus .textbox .item .contentsbox .con-txt .con-box .conbox-tit,
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:before,
#campus .textbox .item .contentsbox .con-txt .con-box ul li a:after{transition:0.5s;-webkit-transition:0.5s;}
.campus_bg{display: none;position: fixed;left: 0;top:50%;width:100%;height:100%;background: #000;opacity: 0.7;content: '';z-index: 10;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

@media(max-width:1419px){
	#campus{left:0;width:100%;}
}

@media(max-width:1279px){
	#campus .textbox .item02 .contentsbox .con-txt .con-box{width:calc(33.33% - 20px);margin:0 10px;}
	#campus .textbox .item .contentsbox .con-txt .con-box ul{padding:0 5px;}
	#campus .textbox .item .contentsbox .con-txt .con-box ul li a{font-size: 15px;}
}

@media(max-width:1023px){	
	#campus .title,
	#campus .textbox .item .txtbox,
	#campus .textbox .item .contentsbox .con-tit,
	#campus .textbox .item02:before,	
	#campus .textbox .item02:after{display: none !important;}
	#campus .camtab{display: block;}
	#campus .camtab .camlogo{display: block;width:255px;height:45px; margin:10px auto;background: url(/images/kor2/layout/logo.png)center no-repeat;text-indent: -9999px;}
	
	#campus{overflow: visible; position: fixed;left:50%;top: 50%;width:100%;padding:20px;z-index: 1000;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
	#campus .campuswrap{display: block;width:100%;height:100%;min-height:400px; margin:20px;padding:30px;margin: 0 auto;border-radius: 10px;background: #fff url(/images/kor2/main/mquick_bg.jpg)right top no-repeat;}
	
	#campus .camtab {display: block;}
	#campus .camtab  ul{display: inline-block;width:100%; text-align: center;font-size: 0;background: #000;border-radius: 5px;}
	#campus .camtab  ul li{display: inline-block;vertical-align: top;width:33.33%;}
	#campus .camtab  ul li a{display: block;padding:12px 0;border-radius: 5px;color:#fff;font-size: 20px;transition: .5s;}
	#campus .camtab  ul li.on a{background:#823537;}
	
	#campus .textbox{overflow: auto;position: relative; background: transparent;height:357px;}
	#campus .textbox .item{display: none;position: absolute;left: 0;top:0;width:100%;}
	#campus .textbox .item02{margin:0;}
	#campus .textbox .item.on{display: block;}
	#campus .textbox .item.on .contentsbox{display: block;padding:20px 0;}
	#campus .textbox .item .contentsbox .con-txt .con-box .conbox-tit{padding:5px;color: #823537;border:4px solid #823537;border-radius: 5px;}
	#campus .textbox .item .contentsbox .con-txt .con-box ul li a{color: #3e3e3e;font-weight: 400;border-bottom:1px solid #ddd;}
	#campus .textbox .item02 .contentsbox .con-txt .con-box{width:100%;margin:0 0 20px 0 !important;}
	#campus .close{right:40px;bottom:40px;width:45px;height:45px;background: #fff;}
	#campus .close:before{right:20px;top:3px;}
	#campus .close:after{right:20px;top:3px;}
	#campus .close:before,
	#campus .close:after{height:40px;background:#823537;}
	#campus .close .closebtn{width:45px;height:45px;padding:0;font-size: 0;}

}
@media(max-width:767px){
	#campus{height:500px;}
	#campus .campuswrap{padding:20px 10px 30px;}
	#campus .camtab ul li a{padding:8px 0;font-size: 14px;}
	#campus .textbox{height:300px;}
	#campus .textbox .item .contentsbox .con-txt .con-box .conbox-tit{font-size: 15px;border-width:2px;}
	#campus .textbox .item .contentsbox .con-txt .con-box ul li a{font-size: 14px;}
}
@media(max-width:480px){
	#campus{top:0;padding:10px;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);}
	#campus .close{right:15px;bottom:15px;transform: scale(0.6);-webkit-transform: scale(0.6);}	
}